<template>
  <div class="mt-life">
    <el-row>
      <el-col :span="14">
        <slider></slider>
      </el-col>
      <el-col :span="4" class="pic">
        <nuxt-link to="https://bj.meituan.com/xiuxianyule/" class="lifePic">
          <img src="http://p0.meituan.net/codeman/e473bb428f070321269b23370ff02ba956209.jpg">
        </nuxt-link>
      </el-col>
      <el-col :span="6" class="login">
        <div class="loginCon">
          <div class="top">
            <img src="//s0.meituan.net/bs/fe-web-meituan/e350c4a/img/avatar.jpg" >
          </div>
          <p>Hi！你好</p>
          <nuxt-link to="/register" class="register"><button>注册</button></nuxt-link>
          <nuxt-link to="/login" class="login"><button>登录</button></nuxt-link>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="7" style="margin-right:4px">
        <div class="mt-hotel">
          <nuxt-link to="//hotel.meituan.com" class="hotel"><img src="http://p1.meituan.net/codeman/8cce56c467a17e04f3094d1e455462a0132772.png"></nuxt-link>
        </div>
      </el-col>
      <el-col :span="7" style="margin-right:4px">
        <div class="mt-education">
          <nuxt-link to="/jiaoyupeixun/?utm_source=MTPCmain-4"><img src="http://p1.meituan.net/codeman/16442c19da1f1c4544f794e29d99c92051716.jpg" ></nuxt-link>
        </div>
      </el-col>
      <el-col :span="4" style="margin-right:4px">
        <div class="mt-store">
          <nuxt-link to="http://emis.meishi.meituan.com/merchantsSettled" class="store"><img src="http://p1.meituan.net/codeman/5b21cddb4bb1cbc3a9c3bce0f726c75940469.jpg"></nuxt-link>
        </div>
      </el-col>
      <el-col :span="6" class="code">
        <div>
          <div class="codeImg">
            <img src="//s1.meituan.net/bs/fe-web-meituan/60ac9a0/img/download-qr.png">
          </div>
          <p class="app">美团APP手机版</p>
          <p class="sl">
            <span class="red">1元起</span>
            <span class="gary">吃喝玩乐</span>
          </p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import slider from './slider'
export default {
  components: {
    slider
  },
  props: {},
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
@import '@/assets/css/index/life.scss'
</style>